
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<link rel="shortcut icon" type="image/x-icon" href="style/favicon.ico"/>
<link href="style/style.css" rel="stylesheet" type="text/css" />
<link href="style/bootstrap.min.css" rel="stylesheet" type="text/css" />
<script src="js/jquery-3.5.1.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/gatling.js"></script>
<script src="js/menu.js"></script>
<script src="js/ellipsis.js"></script>
<script src="js/all_sessions.js"></script>
<script src="js/stats.js"></script>
<script src="js/highstock.js"></script>
<script src="js/highcharts-more.js"></script>
<script src="js/theme.js"></script>
<script src="js/unpack.js"></script>
<title>Gatling Stats - busca válida</title>
</head>
<body>
<div class="app-container">
<div class="frise"></div>
<div class="head">
  <div class="gatling-open-source">
    <a class="gatling-logo" href="https://gatling.io" target="blank_" title="Gatling Home Page"><img alt="Gatling" src="style/logo.svg"/></a>
    <a class="gatling-documentation" href="https://gatling.io/docs/" target="_blank">Documentation</a>
  </div>
  <a class="enterprise" href="https://gatling.io/enterprise/next-step/" target="_blank">Try <img alt="Gatling Enterprise" src="style/logo-enterprise.svg"/></a></div>
<div class="container details">
  <div class="nav">
    <ul></ul>
  </div>
    <div class="cadre">
      <div class="content">
        <div class="content-header">
          <div class="onglet">
            RinhaBackendSimulation
          </div>
          <div class="sous-menu" id="sousMenu">
            <div class="sous-menu-spacer">
              <div class="item "><a href="index.html">Global</a></div>
                <div class="item ouvert"><a id="details_link" href="#">Details</a></div>
              </div>
            </div>
          </div>
          <div class="content-in">
            <div class="container-article">
            <div class="article">
              
              
<div class="schema-container">

            <div id="ranges" class="schema ranges-large">
            </div>

                        <div class="infos">
                            <div class="infos-in">
	                        <div class="infos-title">Stats</div>
                                <div class="repli"></div>                               
                                <div class="info">
                                    <h2 class="first">Executions</h2>
                                    <table>
                                        <thead>
                                            <tr><th></th><th>Total</th><th>OK</th><th>KO</th></tr>
                                        </thead>
                                        <tbody>
                                            <tr>
                                                <td class="title">Total count</td>
                                                <td id="numberOfRequests" class="total"></td>
                                                <td id="numberOfRequestsOK" class="ok"></td>
                                                <td id="numberOfRequestsKO" class="ko"></td>
                                            </tr>
                                            <tr>
                                                <td class="title">Mean count/s</abbr></td>
                                                <td id="meanNumberOfRequestsPerSecond" class="total"></td>
                                                <td id="meanNumberOfRequestsPerSecondOK" class="ok"></td>
                                                <td id="meanNumberOfRequestsPerSecondKO" class="ko"></td>
                                            </tr>
                                        </tbody>
                                    </table>
                                    <h2 class="second">Response Time (ms)</h2>
                                    <table>
                                        <thead>
                                            <tr>
                                                <th></th>
                                                <th>Total</th>
                                                <th>OK</th>
                                                <th>KO</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            <tr>
                                                <td class="title">Min</td>
                                                <td id="minResponseTime" class="total"></td>
                                                <td id="minResponseTimeOK" class="ok"></td>
                                                <td id="minResponseTimeKO" class="ko"></td>
                                            </tr>
                                            <tr>
                                                <td class="title">50th percentile</td>
                                                <td id="percentiles1" class="total"></td>
                                                <td id="percentiles1OK" class="ok"></td>
                                                <td id="percentiles1KO" class="ko"></td>
                                            </tr>
                                            <tr>
                                                <td class="title">75th percentile</td>
                                                <td id="percentiles2" class="total"></td>
                                                <td id="percentiles2OK" class="ok"></td>
                                                <td id="percentiles2KO" class="ko"></td>
                                            </tr>
                                            <tr>
                                                <td class="title">95th percentile</td>
                                                <td id="percentiles3" class="total"></td>
                                                <td id="percentiles3OK" class="ok"></td>
                                                <td id="percentiles3KO" class="ko"></td>
                                            </tr>
                                            <tr>
                                                <td class="title">99th percentile</td>
                                                <td id="percentiles4" class="total"></td>
                                                <td id="percentiles4OK" class="ok"></td>
                                                <td id="percentiles4KO" class="ko"></td>
                                            </tr>
                                            <tr>
                                                <td class="title">Max</td>
                                                <td id="maxResponseTime" class="total"></td>
                                                <td id="maxResponseTimeOK" class="ok"></td>
                                                <td id="maxResponseTimeKO" class="ko"></td>
                                            </tr>
                                            <tr>
                                                <td class="title">Mean</td>
                                                <td id="meanResponseTime" class="total"></td>
                                                <td id="meanResponseTimeOK" class="ok"></td>
                                                <td id="meanResponseTimeKO" class="ko"></td>
                                            </tr>
                                            <tr>
                                                <td class="title">Standard Deviation</td>
                                                <td id="standardDeviation" class="total"></td>
                                                <td id="standardDeviationOK" class="ok"></td>
                                                <td id="standardDeviationKO" class="ko"></td>
                                            </tr>
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>

</div>
<div class="statistics extensible-geant collapsed">
    <div class="title">
        Errors
    </div>
    <table id="container_errors" class="statistics-in extensible-geant">
        <thead>
            <tr>
                <th id="error-col-1" class="header sortable"><span>Error</span></th>
                <th id="error-col-2" class="header sortable"><span>Count</span></th>
                <th id="error-col-3" class="header sortable"><span>Percentage</span></th>
            </tr>
        </thead>
		<tbody>
		    
		    <tr>
		    	<td class="error-col-1 total ko">status.find.in([200, 209], 304), found 502<span class="value" style="display:none">0</span></td>
		    	<td class="value error-col-2 total ko">9307</td>
		    	<td class="value error-col-3 total ko">97.049 %</td>
		    </tr>
		    <tr>
		    	<td class="error-col-1 total ko">status.find.in([200, 209], 304), found 500<span class="value" style="display:none">1</span></td>
		    	<td class="value error-col-2 total ko">283</td>
		    	<td class="value error-col-3 total ko">2.951 %</td>
		    </tr>
		</tbody>
    </table>
</div>

            <div class="schema geant">
              <div id="responsetimeDistributionContainer" class="geant"></div>
            </div>

            <div class="schema geant">
              <div id="responsetimepercentilesovertimeokPercentilesContainer" class="geant"></div>
            </div>

            <div class="schema geant">
                <div id="requests" class="geant"></div>
            </div>

            <div class="schema geant">
                <div id="responses" class="geant"></div>
            </div>

            <div class="schema geant">
              <div id="container_response_time_dispersion" class="geant"></div>
            </div>

            </div>
          </div>
        </div>
      </div>
    </div>
</div>
<script>
    var pageStats = stats.contents['req_busca-va-lida-d7f0d'].stats;
    $(document).ready(function() {
        $('.simulation-tooltip').popover({trigger:'hover', placement:'left'});
        setDetailsLinkUrl();
        setDetailsMenu();
        setActiveMenu();
        fillStats(pageStats);
        
Highcharts.setOptions({
  global: { useUTC: false }
});

var rangesChart = new Highcharts.Chart({
  chart: {
    renderTo: 'ranges',
    marginRight: 100
  },
  credits: { enabled: false },
  legend: { enabled: false },
  title: { text: 'A title to let highcharts reserve the place for the title set later' },
  xAxis: {
    categories: [
      pageStats.group1.htmlName,
      pageStats.group2.htmlName,
      pageStats.group3.htmlName,
      pageStats.group4.htmlName
    ]
  },
  yAxis: {
    title: { text: 'Number of Requests' },
    reversedStacks: false
  },
  tooltip: {
    formatter: function() {
      var s;
      if (this.point.name) { // the pie chart
        s = ''+ this.point.name +': '+ this.y +'% requests';
      } else {
        s = ''+ this.y + ' requests';
      }
      return s;
    }
  },
  plotOptions: {
    series: {
      stacking: 'normal',
      shadow: true
    }
  },
  series: [
    {
      type: 'column',
      data: [{
      	color: '#68b65c',
      	y: pageStats.group1.count
      },
      {
      	color: '#FFDD00',
      	y: pageStats.group2.count
      },
      {
      	color: '#FFA900',
      	y: pageStats.group3.count
      },
      {
      	color: '#f15b4f',
      	y: pageStats.group4.count
      }]
    },
    {
      type: 'pie',
      name: 'Percentages',
      data: [
        {
          name: pageStats.group1.name,
          y: pageStats.group1.percentage,
          color: '#68b65c'
        },
        {
          name: pageStats.group2.name,
          y: pageStats.group2.percentage,
          color: '#FFDD00'
        },
        {
          name: pageStats.group3.name,
          y: pageStats.group3.percentage,
          color: '#FFA900'
        },
        {
          name: pageStats.group4.name,
          y: pageStats.group4.percentage,
          color: '#f15b4f'
        }
      ],
      center: [368, 0],
      size: 90,
      showInLegend: false,
      dataLabels: { enabled: false }
    }
  ]
});

rangesChart.setTitle({
  text: '<span class="chart_title">Response Time Ranges</span>',
  useHTML: true
});

	    $('#container_errors').sortable('#container_errors');
    
var responsetimeDistributionChart = new Highcharts.Chart({
  chart: {
    renderTo: 'responsetimeDistributionContainer',
    type: 'column',
    marginBottom: 60
  },
  credits: { enabled: false },
  legend: {
    enabled: true,
    floating: true,
    y: 5,
    borderWidth: 0,
    itemStyle: { fontWeight: "normal" },
    symbolRadius: 0
  },
  title: { text: 'A title to let highcharts reserve the place for the title set later' },
  navigator: {
    maskInside: false
  },
  xAxis: {
    categories: ['173', '518', '864', '1210', '1555', '1901', '2246', '2592', '2938', '3283', '3629', '3974', '4320', '4666', '5011', '5357', '5702', '6048', '6394', '6739', '7085', '7430', '7776', '8122', '8467', '8813', '9158', '9504', '9850', '10195', '10541', '10886', '11232', '11578', '11923', '12269', '12614', '12960', '13306', '13651', '13997', '14342', '14688', '15034', '15379', '15725', '16070', '16416', '16762', '17107', '17453', '17798', '18144', '18490', '18835', '19181', '19526', '19872', '20218', '20563', '20909', '21254', '21600', '21946', '22291', '22637', '22982', '23328', '23674', '24019', '24365', '24710', '25056', '25402', '25747', '26093', '26438', '26784', '27130', '27475', '27821', '28166', '28512', '28858', '29203', '29549', '29894', '30240', '30586', '30931', '31277', '31622', '31968', '32314', '32659', '33005', '33350', '33696', '34042', '34387'],
    tickInterval: 20
  },
  yAxis: {
    min: 0,
    title: { text: 'Percentage of Requests' },
    reversedStacks: false
  },
  tooltip: {
    formatter: function() {
      return '<b>'+ this.x +' ms</b><br/>'+
      this.series.name +': '+ this.y +' %<br/>'+
      'Total: '+ this.point.stackTotal + ' %';
    }
  },
  plotOptions: {
    series: {
      groupPadding: 0,
      stacking: 'normal',
	    shadow: true
    }
  },
  series: [
  	{
type: 'column',
color: '#68b65c',
name: 'OK',
data: [
  0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0
],
tooltip: { yDecimals: 0, ySuffix: 'ms' }
},
  	{
type: 'column',
color: '#f15b4f',
name: 'KO',
data: [
  56.95,12.16,8.39,5.55,4.23,3.83,2.5,1.72,1.65,1.61,0.85,0.34,0.04,0.01,0.03,0.0,0.0,0.0,0.0,0.0,0.0,0.01,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.01,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.01,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.04
],
tooltip: { yDecimals: 0, ySuffix: 'ms' }
}
  ]
});

responsetimeDistributionChart.setTitle({
  text: '<span class="chart_title">Response Time Distribution</span>',
  useHTML: true
});

var responsetimepercentilesovertimeokPercentiles = unpack([[1692818971,null],[1692818972,null],[1692818973,null],[1692818974,null],[1692818975,null],[1692818976,null],[1692818977,null],[1692818978,null],[1692818979,null],[1692818980,null],[1692818981,null],[1692818982,null],[1692818983,null],[1692818984,null],[1692818985,null],[1692818986,null],[1692818987,null],[1692818988,null],[1692818989,null],[1692818990,null],[1692818991,null],[1692818992,null],[1692818993,null],[1692818994,null],[1692818995,null],[1692818996,null],[1692818997,null],[1692818998,null],[1692818999,null],[1692819000,null],[1692819001,null],[1692819002,null],[1692819003,null],[1692819004,null],[1692819005,null],[1692819006,null],[1692819007,null],[1692819008,null],[1692819009,null],[1692819010,null],[1692819011,null],[1692819012,null],[1692819013,null],[1692819014,null],[1692819015,null],[1692819016,null],[1692819017,null],[1692819018,null],[1692819019,null],[1692819020,null],[1692819021,null],[1692819022,null],[1692819023,null],[1692819024,null],[1692819025,null],[1692819026,null],[1692819027,null],[1692819028,null],[1692819029,null],[1692819030,null],[1692819031,null],[1692819032,null],[1692819033,null],[1692819034,null],[1692819035,null],[1692819036,null],[1692819037,null],[1692819038,null],[1692819039,null],[1692819040,null],[1692819041,null],[1692819042,null],[1692819043,null],[1692819044,null],[1692819045,null],[1692819046,null],[1692819047,null],[1692819048,null],[1692819049,null],[1692819050,null],[1692819051,null],[1692819052,null],[1692819053,null],[1692819054,null],[1692819055,null],[1692819056,null],[1692819057,null],[1692819058,null],[1692819059,null],[1692819060,null],[1692819061,null],[1692819062,null],[1692819063,null],[1692819064,null],[1692819065,null],[1692819066,null],[1692819067,null],[1692819068,null],[1692819069,null],[1692819070,null],[1692819071,null],[1692819072,null],[1692819073,null],[1692819074,null],[1692819075,null],[1692819076,null],[1692819077,null],[1692819078,null],[1692819079,null],[1692819080,null],[1692819081,null],[1692819082,null],[1692819083,null],[1692819084,null],[1692819085,null],[1692819086,null],[1692819087,null],[1692819088,null],[1692819089,null],[1692819090,null],[1692819091,null],[1692819092,null],[1692819093,null],[1692819094,null],[1692819095,null],[1692819096,null],[1692819097,null],[1692819098,null],[1692819099,null],[1692819100,null],[1692819101,null],[1692819102,null],[1692819103,null],[1692819104,null],[1692819105,null],[1692819106,null],[1692819107,null],[1692819108,null],[1692819109,null],[1692819110,null],[1692819111,null],[1692819112,null],[1692819113,null],[1692819114,null],[1692819115,null],[1692819116,null],[1692819117,null],[1692819118,null],[1692819119,null],[1692819120,null],[1692819121,null],[1692819122,null],[1692819123,null],[1692819124,null],[1692819125,null],[1692819126,null],[1692819127,null],[1692819128,null],[1692819129,null],[1692819130,null],[1692819131,null],[1692819132,null],[1692819133,null],[1692819134,null],[1692819135,null],[1692819136,null],[1692819137,null],[1692819138,null],[1692819139,null],[1692819140,null],[1692819141,null],[1692819142,null],[1692819143,null],[1692819144,null],[1692819145,null],[1692819146,null],[1692819147,null],[1692819148,null],[1692819149,null],[1692819150,null],[1692819151,null],[1692819152,null],[1692819153,null],[1692819154,null],[1692819155,null],[1692819156,null],[1692819157,null],[1692819158,null],[1692819159,null],[1692819160,null],[1692819161,null],[1692819162,null],[1692819163,null],[1692819164,null],[1692819165,null],[1692819166,null],[1692819167,null],[1692819168,null],[1692819169,null],[1692819170,null],[1692819171,null],[1692819172,null],[1692819173,null],[1692819174,null],[1692819175,null],[1692819176,null]]);

var responsetimepercentilesovertimeokPercentilesChart = new Highcharts.StockChart({
  chart: {
    renderTo: 'responsetimepercentilesovertimeokPercentilesContainer',
    zoomType: 'x',
    marginBottom: 60
  },
  colors: ['#c4fd90', '#7ff77f', '#6ff2ad', '#61ede6', '#58c7e0', '#4ea1d4', '#487ad9', '#3f52cc', '#7335dc', '#c73905', '#FFA900'],
  credits: { enabled: false },
  legend: {
    enabled: true,
    floating: true,
    y: -65,
    borderWidth: 0,
    itemStyle: { fontWeight: "normal" },
    symbolRadius: 0
  },
  title: { text: 'A title to let highcharts reserve the place for the title set later' },
  navigator: {
    maskInside: false,
    baseSeries: 9
  },
  rangeSelector: {
    rangeSelector: { align: "left" },
    buttonSpacing: 0,
    buttonTheme: {
      fill: '#CFC9C6',
      padding: 1,
      stroke: '#000000',
      'stroke-width': 0.25,
      style: {
        color: '#000000',
        fontWeight: 'bold',
      },
      states: {
        stroke: '#92918C',
        'stroke-width': 0.25,
        hover: {
          fill: '#92918C',
          style: { color: 'black' }
        },
        select: {
          fill: '#FFA900',
          style: { color: 'white' }
        }
      }
    },
    buttons : [
      {
        type : 'minute',
        count : 1,
        text : '1m'
      }, {
        type : 'minute',
        count : 10,
        text : '10m'
      }, {
        type : 'hour',
        count : 1,
        text : '1h'
      }, {
        type : 'all',
        count : 1,
        text : 'All'
      }
    ],
    selected : 3,
    inputEnabled : false
  },
  xAxis: {
    type: 'datetime',
    ordinal: false,
    maxZoom: 10000 // three days
  },
  yAxis:[
    {
      min: 0,
      title: { text: 'Response Time (ms)' },
      opposite: false
    }, {
      min: 0,
      title: {
        text: 'Active Users',
        style: { color: '#FFA900' }
      },
      opposite: true
    }
  ],
  plotOptions: {
    arearange: { lineWidth: 1 },
    series: {
      dataGrouping: { enabled: false }
    }
  },
  series: [
  
    
         {
pointInterval: 1000,
name: 'min',
data: responsetimepercentilesovertimeokPercentiles[0],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 10
},
         {
pointInterval: 1000,
name: '25%',
data: responsetimepercentilesovertimeokPercentiles[1],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 9
},
         {
pointInterval: 1000,
name: '50%',
data: responsetimepercentilesovertimeokPercentiles[2],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 8
},
         {
pointInterval: 1000,
name: '75%',
data: responsetimepercentilesovertimeokPercentiles[3],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 7
},
         {
pointInterval: 1000,
name: '80%',
data: responsetimepercentilesovertimeokPercentiles[4],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 6
},
         {
pointInterval: 1000,
name: '85%',
data: responsetimepercentilesovertimeokPercentiles[5],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 5
},
         {
pointInterval: 1000,
name: '90%',
data: responsetimepercentilesovertimeokPercentiles[6],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 4
},
         {
pointInterval: 1000,
name: '95%',
data: responsetimepercentilesovertimeokPercentiles[7],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 3
},
         {
pointInterval: 1000,
name: '99%',
data: responsetimepercentilesovertimeokPercentiles[8],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 2
},
         {
pointInterval: 1000,
name: 'max',
data: responsetimepercentilesovertimeokPercentiles[9],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 1
},
  allUsersData
  ]
});

responsetimepercentilesovertimeokPercentilesChart.setTitle({
  text: '<span class="chart_title chart_title_">Response Time Percentiles over Time (OK)</span>',
  useHTML: true
});

var requests = unpack([[1692818971,[2,0,2]],[1692818972,[2,0,2]],[1692818973,[2,0,2]],[1692818974,[2,0,2]],[1692818975,[2,0,2]],[1692818976,[2,0,2]],[1692818977,[2,0,2]],[1692818978,[2,0,2]],[1692818979,[2,0,2]],[1692818980,[2,0,2]],[1692818981,[2,0,2]],[1692818982,[2,0,2]],[1692818983,[2,0,2]],[1692818984,[2,0,2]],[1692818985,[2,0,2]],[1692818986,[2,0,2]],[1692818987,[2,0,2]],[1692818988,[2,0,2]],[1692818989,[2,0,2]],[1692818990,[2,0,2]],[1692818991,[2,0,2]],[1692818992,[2,0,2]],[1692818993,[2,0,2]],[1692818994,[2,0,2]],[1692818995,[2,0,2]],[1692818996,[4,0,4]],[1692818997,[6,0,6]],[1692818998,[7,0,7]],[1692818999,[8,0,8]],[1692819000,[8,0,8]],[1692819001,[8,0,8]],[1692819002,[9,0,9]],[1692819003,[10,0,10]],[1692819004,[10,0,10]],[1692819005,[11,0,11]],[1692819006,[11,0,11]],[1692819007,[12,0,12]],[1692819008,[13,0,13]],[1692819009,[13,0,13]],[1692819010,[13,0,13]],[1692819011,[13,0,13]],[1692819012,[15,0,15]],[1692819013,[15,0,15]],[1692819014,[15,0,15]],[1692819015,[16,0,16]],[1692819016,[17,0,17]],[1692819017,[17,0,17]],[1692819018,[17,0,17]],[1692819019,[18,0,18]],[1692819020,[19,0,19]],[1692819021,[19,0,19]],[1692819022,[19,0,19]],[1692819023,[20,0,20]],[1692819024,[21,0,21]],[1692819025,[21,0,21]],[1692819026,[22,0,22]],[1692819027,[22,0,22]],[1692819028,[23,0,23]],[1692819029,[23,0,23]],[1692819030,[24,0,24]],[1692819031,[24,0,24]],[1692819032,[25,0,25]],[1692819033,[26,0,26]],[1692819034,[26,0,26]],[1692819035,[26,0,26]],[1692819036,[26,0,26]],[1692819037,[28,0,28]],[1692819038,[28,0,28]],[1692819039,[28,0,28]],[1692819040,[29,0,29]],[1692819041,[30,0,30]],[1692819042,[30,0,30]],[1692819043,[30,0,30]],[1692819044,[31,0,31]],[1692819045,[32,0,32]],[1692819046,[32,0,32]],[1692819047,[33,0,33]],[1692819048,[33,0,33]],[1692819049,[34,0,34]],[1692819050,[34,0,34]],[1692819051,[35,0,35]],[1692819052,[35,0,35]],[1692819053,[36,0,36]],[1692819054,[36,0,36]],[1692819055,[37,0,37]],[1692819056,[38,0,38]],[1692819057,[37,0,37]],[1692819058,[39,0,39]],[1692819059,[39,0,39]],[1692819060,[39,0,39]],[1692819061,[40,0,40]],[1692819062,[41,0,41]],[1692819063,[41,0,41]],[1692819064,[41,0,41]],[1692819065,[42,0,42]],[1692819066,[43,0,43]],[1692819067,[43,0,43]],[1692819068,[43,0,43]],[1692819069,[44,0,44]],[1692819070,[45,0,45]],[1692819071,[46,0,46]],[1692819072,[46,0,46]],[1692819073,[46,0,46]],[1692819074,[46,0,46]],[1692819075,[48,0,48]],[1692819076,[48,0,48]],[1692819077,[48,0,48]],[1692819078,[48,0,48]],[1692819079,[50,0,50]],[1692819080,[50,0,50]],[1692819081,[50,0,50]],[1692819082,[51,0,51]],[1692819083,[52,0,52]],[1692819084,[52,0,52]],[1692819085,[52,0,52]],[1692819086,[53,0,53]],[1692819087,[54,0,54]],[1692819088,[54,0,54]],[1692819089,[54,0,54]],[1692819090,[55,0,55]],[1692819091,[56,0,56]],[1692819092,[56,0,56]],[1692819093,[57,0,57]],[1692819094,[57,0,57]],[1692819095,[58,0,58]],[1692819096,[58,0,58]],[1692819097,[59,0,59]],[1692819098,[59,0,59]],[1692819099,[60,0,60]],[1692819100,[60,0,60]],[1692819101,[61,0,61]],[1692819102,[61,0,61]],[1692819103,[62,0,62]],[1692819104,[63,0,63]],[1692819105,[63,0,63]],[1692819106,[63,0,63]],[1692819107,[64,0,64]],[1692819108,[65,0,65]],[1692819109,[65,0,65]],[1692819110,[65,0,65]],[1692819111,[66,0,66]],[1692819112,[67,0,67]],[1692819113,[67,0,67]],[1692819114,[67,0,67]],[1692819115,[69,0,69]],[1692819116,[68,0,68]],[1692819117,[70,0,70]],[1692819118,[70,0,70]],[1692819119,[70,0,70]],[1692819120,[70,0,70]],[1692819121,[72,0,72]],[1692819122,[71,0,71]],[1692819123,[73,0,73]],[1692819124,[73,0,73]],[1692819125,[73,0,73]],[1692819126,[74,0,74]],[1692819127,[74,0,74]],[1692819128,[75,0,75]],[1692819129,[76,0,76]],[1692819130,[76,0,76]],[1692819131,[76,0,76]],[1692819132,[77,0,77]],[1692819133,[78,0,78]],[1692819134,[78,0,78]],[1692819135,[77,0,77]],[1692819136,[81,0,81]],[1692819137,[80,0,80]],[1692819138,[80,0,80]],[1692819139,[81,0,81]],[1692819140,[81,0,81]],[1692819141,[81,0,81]],[1692819142,[83,0,83]],[1692819143,[83,0,83]],[1692819144,[83,0,83]],[1692819145,[84,0,84]],[1692819146,[84,0,84]],[1692819147,[85,0,85]],[1692819148,[85,0,85]],[1692819149,[86,0,86]],[1692819150,[87,0,87]],[1692819151,[87,0,87]],[1692819152,[87,0,87]],[1692819153,[88,0,88]],[1692819154,[89,0,89]],[1692819155,[89,0,89]],[1692819156,[89,0,89]],[1692819157,[90,0,90]],[1692819158,[90,0,90]],[1692819159,[92,0,92]],[1692819160,[91,0,91]],[1692819161,[93,0,93]],[1692819162,[93,0,93]],[1692819163,[93,0,93]],[1692819164,[94,0,94]],[1692819165,[94,0,94]],[1692819166,[95,0,95]],[1692819167,[95,0,95]],[1692819168,[96,0,96]],[1692819169,[96,0,96]],[1692819170,[97,0,97]],[1692819171,[98,0,98]],[1692819172,[98,0,98]],[1692819173,[98,0,98]],[1692819174,[99,0,99]],[1692819175,[100,0,100]],[1692819176,[45,0,45]]]);

var requestsChart = new Highcharts.StockChart({
  chart: {
    renderTo: 'requests',
    zoomType: 'x',
    marginBottom: 60
  },
  credits: { enabled: false },
  legend: {
    enabled: true,
    floating: true,
    y: -65,
    borderWidth: 0,
    itemStyle: { fontWeight: "normal" },
    symbolRadius: 0
  },
  title: { text: 'A title to let highcharts reserve the place for the title set later' },
  navigator: {
    maskInside: false
  },
  rangeSelector: {
    buttonSpacing: 0,
    buttonTheme: {
      fill: '#CFC9C6',
      padding: 1,
      stroke: '#000000',
      'stroke-width': 0.25,
      style: {
        color: '#000000',
        fontWeight: 'bold',
      },
      states: {
        stroke: '#000000',
        'stroke-width': 0.25,
        hover: {
          fill: '#92918C',
          style: { color: 'black' }
         },
         select: {
          fill: '#FFA900',
          style: { color: 'white' }
        }
      }
    },
    buttons : [
      {
        type : 'minute',
        count : 1,
        text : '1m'
      }, {
        type : 'minute',
        count : 10,
        text : '10m'
      }, {
        type : 'hour',
        count : 1,
        text : '1h'
      }, {
        type : 'all',
        count : 1,
        text : 'All'
      }
    ],
    selected : 3,
    inputEnabled : false
  },
  plotOptions: {
    series: {
      dataGrouping: { enabled: false }
    },
    area: {
      stacking: 'normal'
    }
  },
  xAxis: {
    type: 'datetime',
    ordinal: false,
    maxZoom: 10000 // three days
  },
  yAxis:[
    {
      min: 0,
      title: { text: 'Number of requests' },
      opposite: false,
      reversedStacks: false
    }, {
      min: 0,
      title: {
        text: 'Active Users',
        style: { color: '#FFA900' }
      },
      opposite: true
    }
  ],
  series: [
    {
color: '#5E7BE2',
name: 'All',
data: requests[0],
tooltip: { yDecimals: 0, ySuffix: '', valueDecimals: 0 }
,type: 'area'},
    allUsersData
  ]
});

requestsChart.setTitle({
  text: '<span class="chart_title">Number of requests per second</span>',
  useHTML: true
});

var responses = unpack([[1692818971,[2,0,2]],[1692818972,[2,0,2]],[1692818973,[2,0,2]],[1692818974,[2,0,2]],[1692818975,[2,0,2]],[1692818976,[2,0,2]],[1692818977,[2,0,2]],[1692818978,[2,0,2]],[1692818979,[2,0,2]],[1692818980,[2,0,2]],[1692818981,[2,0,2]],[1692818982,[1,0,1]],[1692818983,[0,0,0]],[1692818984,[3,0,3]],[1692818985,[0,0,0]],[1692818986,[5,0,5]],[1692818987,[0,0,0]],[1692818988,[4,0,4]],[1692818989,[0,0,0]],[1692818990,[3,0,3]],[1692818991,[0,0,0]],[1692818992,[4,0,4]],[1692818993,[0,0,0]],[1692818994,[5,0,5]],[1692818995,[0,0,0]],[1692818996,[4,0,4]],[1692818997,[0,0,0]],[1692818998,[13,0,13]],[1692818999,[0,0,0]],[1692819000,[15,0,15]],[1692819001,[0,0,0]],[1692819002,[17,0,17]],[1692819003,[0,0,0]],[1692819004,[19,0,19]],[1692819005,[1,0,1]],[1692819006,[19,0,19]],[1692819007,[3,0,3]],[1692819008,[18,0,18]],[1692819009,[6,0,6]],[1692819010,[21,0,21]],[1692819011,[3,0,3]],[1692819012,[23,0,23]],[1692819013,[4,0,4]],[1692819014,[32,0,32]],[1692819015,[0,0,0]],[1692819016,[28,0,28]],[1692819017,[0,0,0]],[1692819018,[33,0,33]],[1692819019,[30,0,30]],[1692819020,[19,0,19]],[1692819021,[19,0,19]],[1692819022,[19,0,19]],[1692819023,[20,0,20]],[1692819024,[21,0,21]],[1692819025,[21,0,21]],[1692819026,[22,0,22]],[1692819027,[22,0,22]],[1692819028,[23,0,23]],[1692819029,[22,0,22]],[1692819030,[23,0,23]],[1692819031,[25,0,25]],[1692819032,[25,0,25]],[1692819033,[26,0,26]],[1692819034,[26,0,26]],[1692819035,[26,0,26]],[1692819036,[26,0,26]],[1692819037,[28,0,28]],[1692819038,[28,0,28]],[1692819039,[28,0,28]],[1692819040,[27,0,27]],[1692819041,[28,0,28]],[1692819042,[30,0,30]],[1692819043,[30,0,30]],[1692819044,[31,0,31]],[1692819045,[32,0,32]],[1692819046,[32,0,32]],[1692819047,[33,0,33]],[1692819048,[33,0,33]],[1692819049,[34,0,34]],[1692819050,[34,0,34]],[1692819051,[34,0,34]],[1692819052,[34,0,34]],[1692819053,[36,0,36]],[1692819054,[36,0,36]],[1692819055,[37,0,37]],[1692819056,[38,0,38]],[1692819057,[37,0,37]],[1692819058,[39,0,39]],[1692819059,[41,0,41]],[1692819060,[39,0,39]],[1692819061,[40,0,40]],[1692819062,[40,0,40]],[1692819063,[43,0,43]],[1692819064,[41,0,41]],[1692819065,[42,0,42]],[1692819066,[44,0,44]],[1692819067,[43,0,43]],[1692819068,[43,0,43]],[1692819069,[44,0,44]],[1692819070,[45,0,45]],[1692819071,[45,0,45]],[1692819072,[46,0,46]],[1692819073,[46,0,46]],[1692819074,[49,0,49]],[1692819075,[49,0,49]],[1692819076,[48,0,48]],[1692819077,[48,0,48]],[1692819078,[48,0,48]],[1692819079,[49,0,49]],[1692819080,[51,0,51]],[1692819081,[50,0,50]],[1692819082,[51,0,51]],[1692819083,[51,0,51]],[1692819084,[52,0,52]],[1692819085,[52,0,52]],[1692819086,[52,0,52]],[1692819087,[53,0,53]],[1692819088,[55,0,55]],[1692819089,[56,0,56]],[1692819090,[55,0,55]],[1692819091,[55,0,55]],[1692819092,[57,0,57]],[1692819093,[56,0,56]],[1692819094,[58,0,58]],[1692819095,[58,0,58]],[1692819096,[52,0,52]],[1692819097,[64,0,64]],[1692819098,[60,0,60]],[1692819099,[60,0,60]],[1692819100,[50,0,50]],[1692819101,[70,0,70]],[1692819102,[62,0,62]],[1692819103,[62,0,62]],[1692819104,[60,0,60]],[1692819105,[66,0,66]],[1692819106,[63,0,63]],[1692819107,[64,0,64]],[1692819108,[63,0,63]],[1692819109,[66,0,66]],[1692819110,[53,0,53]],[1692819111,[65,0,65]],[1692819112,[80,0,80]],[1692819113,[66,0,66]],[1692819114,[63,0,63]],[1692819115,[56,0,56]],[1692819116,[87,0,87]],[1692819117,[70,0,70]],[1692819118,[67,0,67]],[1692819119,[69,0,69]],[1692819120,[72,0,72]],[1692819121,[68,0,68]],[1692819122,[72,0,72]],[1692819123,[9,0,9]],[1692819124,[111,0,111]],[1692819125,[32,0,32]],[1692819126,[136,0,136]],[1692819127,[32,0,32]],[1692819128,[120,0,120]],[1692819129,[42,0,42]],[1692819130,[117,0,117]],[1692819131,[50,0,50]],[1692819132,[103,0,103]],[1692819133,[47,0,47]],[1692819134,[108,0,108]],[1692819135,[27,0,27]],[1692819136,[131,0,131]],[1692819137,[36,0,36]],[1692819138,[124,0,124]],[1692819139,[22,0,22]],[1692819140,[78,0,78]],[1692819141,[52,0,52]],[1692819142,[90,0,90]],[1692819143,[5,0,5]],[1692819144,[108,0,108]],[1692819145,[46,0,46]],[1692819146,[21,0,21]],[1692819147,[41,0,41]],[1692819148,[97,0,97]],[1692819149,[78,0,78]],[1692819150,[188,0,188]],[1692819151,[42,0,42]],[1692819152,[123,0,123]],[1692819153,[0,0,0]],[1692819154,[196,0,196]],[1692819155,[89,0,89]],[1692819156,[134,0,134]],[1692819157,[21,0,21]],[1692819158,[146,0,146]],[1692819159,[139,0,139]],[1692819160,[110,0,110]],[1692819161,[120,0,120]],[1692819162,[23,0,23]],[1692819163,[140,0,140]],[1692819164,[106,0,106]],[1692819165,[111,0,111]],[1692819166,[61,0,61]],[1692819167,[110,0,110]],[1692819168,[70,0,70]],[1692819169,[124,0,124]],[1692819170,[48,0,48]],[1692819171,[114,0,114]],[1692819172,[87,0,87]],[1692819173,[119,0,119]],[1692819174,[23,0,23]],[1692819175,[121,0,121]],[1692819176,[177,0,177]]]);

var requestsChart = new Highcharts.StockChart({
  chart: {
    renderTo: 'responses',
    zoomType: 'x',
    marginBottom: 60
  },
  credits: { enabled: false },
  legend: {
    enabled: true,
    floating: true,
    y: -65,
    borderWidth: 0,
    itemStyle: { fontWeight: "normal" },
    symbolRadius: 0
  },
  title: { text: 'A title to let highcharts reserve the place for the title set later' },
  navigator: {
    maskInside: false
  },
  rangeSelector: {
    buttonSpacing: 0,
    buttonTheme: {
      fill: '#CFC9C6',
      padding: 1,
      stroke: '#000000',
      'stroke-width': 0.25,
      style: {
        color: '#000000',
        fontWeight: 'bold',
      },
      states: {
        stroke: '#000000',
        'stroke-width': 0.25,
        hover: {
          fill: '#92918C',
          style: { color: 'black' }
         },
         select: {
          fill: '#FFA900',
          style: { color: 'white' }
        }
      }
    },
    buttons : [
      {
        type : 'minute',
        count : 1,
        text : '1m'
      }, {
        type : 'minute',
        count : 10,
        text : '10m'
      }, {
        type : 'hour',
        count : 1,
        text : '1h'
      }, {
        type : 'all',
        count : 1,
        text : 'All'
      }
    ],
    selected : 3,
    inputEnabled : false
  },
  plotOptions: {
    series: {
      dataGrouping: { enabled: false }
    },
    area: {
      stacking: 'normal'
    }
  },
  xAxis: {
    type: 'datetime',
    ordinal: false,
    maxZoom: 10000 // three days
  },
  yAxis:[
    {
      min: 0,
      title: { text: 'Number of responses' },
      opposite: false,
      reversedStacks: false
    }, {
      min: 0,
      title: {
        text: 'Active Users',
        style: { color: '#FFA900' }
      },
      opposite: true
    }
  ],
  series: [
    {
color: '#5E7BE2',
name: 'All',
data: responses[0],
tooltip: { yDecimals: 0, ySuffix: '', valueDecimals: 0 }
},
{
color: '#68b65c',
name: 'OK',
data: responses[1],
tooltip: { yDecimals: 0, ySuffix: '', valueDecimals: 0 }
,type: 'area'},
{
color: '#f15b4f',
name: 'KO',
data: responses[2],
tooltip: { yDecimals: 0, ySuffix: '', valueDecimals: 0 }
,type: 'area'},
    allUsersData,
{
  
type: 'pie',
name: 'Distribution',
data: [
  {name: 'OK', y: 0.0, color: '#68b65c'},{name: 'KO', y: 9590.0, color: '#f15b4f'}
],
center: [775, -40],
size: 70,
showInLegend: false,
dataLabels: { enabled: false },
dataGrouping: { enabled: false }

}

  ]
});

requestsChart.setTitle({
  text: '<span class="chart_title">Number of responses per second</span>',
  useHTML: true
});

var scatterChart = new Highcharts.Chart({
  chart: {
    renderTo: 'container_response_time_dispersion', 
    defaultSeriesType: 'scatter',
    zoomType: 'xy',
    marginBottom: 90
  },
  credits: { enabled: false },
  xAxis: {
    title: {
      enabled: true,
      text: 'Global number of requests per second',
      style: { fontWeight: 'bold' }
    },
    startOnTick: true,
    endOnTick: true,
    showLastLabel: true,
    min: 0
  },
  title: { text: 'A title to let highcharts reserve the place for the title set later' },
  yAxis: {
    min: 0,
    title: { text: 'Response Time (ms)' }
  },
  tooltip: {
    formatter: function() {
         return ''+ this.y +' ms at ' + this.x + ' allreq/s';
    }
  },
  legend: {
    enabled: true,
    floating: true,
    y: 0,
    borderWidth: 0,
    itemStyle: { fontWeight: "normal" },
  },
  plotOptions: {
    scatter: {
      marker: {
        radius: 3,
        states: {
          hover: {
            enabled: true,
            lineColor: 'rgb(100,100,100)'
          }
        }
      },
      states: {
        hover: {
          marker: { enabled: false }
        }
      }
    }
  },
  series: [
	  {
type: 'scatter',
color: '#68b65c',
name: 'OK',
data: [
[]
]},
	  {
type: 'scatter',
color: '#f15b4f',
name: 'KO',
data: [
[4,4],[6,14],[6,3],[6,3],[6,4],[6,5],[6,2],[6,6],[6,3],[6,3],[6,4],[7,1314],[7,1885],[8,1908],[9,1890],[9,1316],[9,912],[9,1358],[9,1334],[10,1851],[10,1334],[10,1786],[10,887],[12,1789],[14,1733],[16,1338],[21,1656],[26,2027],[30,1609],[35,1980],[38,1707],[41,2030],[47,1762],[50,1957],[55,1598],[58,2066],[62,1822],[67,2004],[70,1552],[75,2018],[77,1764],[83,1975],[86,1637],[91,1699],[94,1723],[99,2073],[102,1659],[106,975],[110,168],[116,2],[118,2],[121,2],[127,2],[131,4],[135,12],[138,2],[142,2],[147,5],[151,5],[155,6],[158,3],[163,2],[167,3],[171,10],[174,3],[178,2],[182,2],[187,2],[190,5],[196,20598],[198,10206],[203,5],[206,2],[211,2],[215,1],[219,2],[222,2],[227,2],[231,2],[235,1],[239,5],[242,2],[247,1],[251,3],[255,2],[260,1],[261,6],[268,2],[270,1],[275,1],[278,18],[284,16],[287,2],[290,12],[296,3],[299,35],[303,2],[306,2],[311,2],[315,1],[320,1],[323,1],[327,1],[331,3],[336,2],[336,793],[339,2],[342,2],[346,2],[352,4],[356,68],[358,9],[363,59],[368,8],[372,16],[375,9],[379,27],[383,9],[387,14],[391,11],[395,81],[400,9],[403,11],[407,9],[412,9],[415,9],[419,185],[423,191],[426,24],[433,11],[435,211],[436,224],[446,19],[448,14],[452,64],[455,147],[459,11],[463,75],[467,36],[472,345],[476,645],[478,760],[484,92],[488,30],[491,116],[496,749],[500,69],[503,43],[507,26],[513,158],[514,21],[518,567],[521,207],[532,1009],[532,1139],[535,956],[540,268],[542,823],[548,328],[553,657],[556,261],[559,483],[563,219],[568,661],[568,824],[572,293],[582,818],[588,365],[589,451],[592,1341],[596,1793],[599,1464],[604,2370],[609,2679],[611,3858],[617,3896],[620,3815],[623,3346],[626,3807],[627,3295],[632,3277],[643,2623],[648,2548],[651,3323],[652,1986],[656,3019],[660,1565],[661,2079],[663,2019],[676,1195],[680,1289],[681,1436],[683,1380],[687,1016],[693,704],[696,755],[700,1235],[704,935],[708,1039],[712,1472],[717,1229],[721,1512],[723,1430],[727,1994],[733,1755],[737,1268]
]}
	]
});

scatterChart.setTitle({
  text: '<span class="chart_title">Response Time against Global Throughput</span>',
  useHTML: true
});

    });
</script>
</div>
</body>
</html>
